/*Solstice/Kubelversary theme - Midsummer Heat
Arcana: 19. The Sun 
Alignment: Candy/Full - Honey Moon
A theme of beaches, sun, and melons. Will you make some precious summer memories for once?
"You didn't have to stare so hard, slowpoke."
meiQts 25.6.12
*/



@font-face {
    font-family: 'Meiryo';
    src: url('https://megidochan.de/static/fonts/meiryo.ttf') format('truetype');
    font-style: normal;
}


@keyframes cloudScroll {
  0% {
        transform: translateX(0);
    }

 50% {
         transform: translateX(-50%)
    }
    100% {
        transform: translateX(0%);
    }
}
 

@keyframes heatWobble {
  0% {
    transform: translate(0, 0) scale(1);
    filter: blur(0.5px) brightness(1.05);
  }
  8% {
    transform: translate(0.3px, -0.3px) scale(1.003);
    filter: blur(0.6px) brightness(1.07);
  }
  16% {
    transform: translate(-0.4px, 0.5px) scale(1.002);
    filter: blur(0.4px) brightness(1.03);
  }
  24% {
    transform: translate(0.2px, -0.2px) scale(1.004);
    filter: blur(0.6px) brightness(1.06);
  }
  32% {
    transform: translate(0, 0) scale(1);
    filter: blur(0.5px) brightness(1.05);
  }
 33% {
    transform: translate(0, 0) scale(1);
    filter: blur(2.5px) brightness(1.05);
	 background-image: url('https://megidochan.de/static/themes/sun/maje_n2.png');)
  }
 41% {
    transform: translate(0, 0) scale(1);
    filter: blur(0.5px) brightness(1.05);
  }
  49% {
    transform: translate(0.3px, -0.3px) scale(1.003);
    filter: blur(0.6px) brightness(1.07);
  }
  57% {
    transform: translate(-0.4px, 0.5px) scale(1.002);
    filter: blur(0.4px) brightness(1.03);
  }
  65% {
    transform: translate(0.2px, -0.2px) scale(1.004);
    filter: blur(0.6px) brightness(1.06);
  }
  66% {
    transform: translate(0, 0) scale(1);
    filter: blur(2.5px) brightness(1.05);
	background-image: url('https://megidochan.de/static/themes/sun/maje_n3.png');
  }
   }
 74% {
    transform: translate(0, 0) scale(1);
    filter: blur(0.5px) brightness(1.05);
  }
  82% {
    transform: translate(0.3px, -0.3px) scale(1.003);
    filter: blur(0.6px) brightness(1.07);
  }
  90% {
    transform: translate(-0.4px, 0.5px) scale(1.002);
    filter: blur(0.4px) brightness(1.03);
  }
  98% {
    transform: translate(0.2px, -0.2px) scale(1.004);
    filter: blur(0.6px) brightness(1.06);
  }
   99% {
    transform: translate(0.2px, -0.2px) scale(1.00);
    filter: blur(2.5px) brightness(1.06);
	background-image: url('https://megidochan.de/static/themes/sun/maje_n1.png');
  }
  
}




@keyframes rotateBeams {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}



body {
  background:
    radial-gradient(
      circle at -2% 0%,  
      #7deaff 33%,
      #2da9ff 70%,
      rgba(255, 255, 255, 0.0) 95%
    ),
    #0093ff; 
  background-attachment: fixed;
  color: #242492;
font-family: 'Meiryo';
}


body::before {
  content: "";
  position: fixed;
  opacity: 0.9;
  width: 220%;           
  height: 105vh;
  bottom: 0vh;
  background-image: url('https://megidochan.de/static/themes/sun/clouds.svg');
  background-repeat: repeat;
  background-size: cover; 
  animation: cloudScroll 320s linear infinite;
  pointer-events: none;
  z-index: -11;
filter: blur(3px);
  mix-blend-mode: screen;
}


html::before{
  content: "";
  position: fixed;
  opacity: 0.65;
  width: 260%;           
  height: 100vh;
  bottom: 0vh;
  background-image: url('https://megidochan.de/static/themes/sun/waves1.svg');
  background-repeat: repeat;
  background-size: cover; 
  animation: cloudScroll 64s linear infinite;
  pointer-events: none;
  z-index: -1;
}

body::after{
  content: "";
  position: fixed;
  opacity: 0.99;
  width: 100%;           
  height: 100%;
  bottom: -6vh;
  left: 56%;
  background-image: url('https://megidochan.de/static/themes/sun/maje_n1.png');
  background-repeat: no-repeat;
background-size: contain; 
  pointer-events: none;
  z-index: -2;
  animation: heatWobble 15s ease-in-out infinite;
}


html::after {
  content: "";
  position: fixed;
  opacity: 0.85;
  width: 320%;           
  height: 130vh;
  bottom: 0vh;
  background-image: url('https://megidochan.de/static/themes/sun/waves1.svg');
  background-repeat: repeat;
  background-size: cover; 
  animation: cloudScroll 94s linear infinite;
  pointer-events: none;
  z-index: -3;
filter: grayscale(100%) contrast(150%) brightness(70%) sepia(100%) saturate(2.5) hue-rotate(140deg) blur(1px);
}


span.name {
    font-weight: bold;
    color: #8ae1dd!important;
}


p.intro {
 background: rgba(3,117,240, 0.9);
    z-index: 1;
    padding: 4px;
    padding-top: 6px;
    padding-bottom: 3px;
    border-radius: 12px;
    color: #fefefe;
    text-align: center;
  text-shadow: none;
font-family: 'GenEiLate';

}



div.post.reply {
    color: #242492;
    border: 0px solid #5cb5ff;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(73,162,255,.8) 0%, rgba(114,227,255,.8) 100%);
box-shadow: 0 0 4px #5cb5ff, 0 0 18px #5cb5ff;
}


div.post.reply:hover {
    color: #0086e3;
    text-shadow: 0 0 2px #04ffde;
     border: 0px solid #5cffff;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(23,231,242,.8) 0%, rgba(195,252,142,.8) 100%);
box-shadow: 0 0 4px #5cffff, 0 0 18px #5cffff;
transition: all 0.3s ease-in-out;
}

div.post.reply.highlighted {
    color: #0086e3;
text-shadow: 0 0 2px #04ffde;
    border: 0px solid #5cffff;
    border-radius: 12px;
    background: url('https://megidochan.de/static/themes/sun/ribbon.png') no-repeat,
linear-gradient(180deg, rgba(23,231,242,.8) 0%, rgba(195,252,142,.8) 100%);
background-position: top 25px right, center;
background-size: 96px, auto;
box-shadow: 0 0 4px #5cffff, 0 0 18px #5cffff;
transition: all 0.3s ease-in-out;
}


span.quote {
    color: #ff8fb7;
   font-style: italic;
}

div.post.reply div.body a {
  color:#ffa000; 
 text-shadow: 0px 0px 1px #f96320;

;}

a, div.boardlist a, a.unimportant, a:visited {
  color:#fefefe; 
 text-shadow: 1px 1px 2px #2424de;
;}

a:hover {
   color: #ffcb4d !important; 
   text-decoration: underline;
}

::selection {
    background-color: #357978;
    color: #fffffa;
}


form table tr th {
    color: #eee;
background: linear-gradient(180deg, rgba(11,97,255,.8) 0%, rgba(12,131,255,.8) 100%);
    box-shadow: 0 0 4px #5cb5ff, 0 0 18px #5cb5ff;
   border-radius: 9px;
}



div.files img {
  padding: 12px;
  background:
    radial-gradient(circle at 30% 40%, #ffb6c1 0%, #ff4d4d 100%), 
    url('https://megidochan.de/static/themes/sun/seeds_wm.png') repeat; 
  background-blend-mode: overlay; 
  border: 12px solid transparent; 
  border-image: url('https://megidochan.de/static/themes/sun/rind_wm.png') 12 round; 
  border-radius: 26px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  transition: transform 0.2s ease;
}

div.files img:hover {
  transform: scale(1.01) rotate(-.76deg);
}


.thread{
  left: 0;
  background: url('https://megidochan.de/static/themes/sun/sunbeams_day.png'), url('https://megidochan.de/static/themes/sun/sunbeams_day.png');
  background-attachment: fixed;
background-repeat: no-repeat;
}


hr {
  border: none;
  height: 32px;
  background-image: url('https://megidochan.de/static/themes/sun/hr.png');
background-repeat: repeat-x;
background-position: right;
background-size: 32px;
opacity: 75%;
}

div.banner {
    background: linear-gradient(180deg, rgba(73,162,255,.8) 0%, rgba(114,227,255,.8) 100%);
    box-shadow: 0 0 4px #5cb5ff, 0 0 18px #5cb5ff;
    text-align: center;
    border: 0px solid #fff;
    color: #FFF;
    padding: 6px;
}

input[type="submit"], button {
    color: #FFF;
    border: 0px solid #000;
    background: linear-gradient(180deg, rgba(73,162,255,.8) 0%, rgba(114,227,255,.8) 100%);
    box-shadow: 0 0 4px #5cb5ff, 0 0 18px #5cb5ff;
    font-size: 12pt;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out;
    margin: 2px;

}

input[type="submit"]:hover, button:hover {
    color: #0086e3;
    background: linear-gradient(180deg, rgba(23,231,242,.8) 0%, rgba(195,252,142,.8) 100%);
    box-shadow: 0 0 4px #5cffff, 0 0 18px #5cffff;
}


div.pages {
    text-align: center;
    background: rgba(248, 248, 248, 0.8);
    padding: 4px;
    border-top: 2px inset #22808a;
    border-bottom: 2px inset #22808a;
    color: #ffaad4;

}

div.pages a {
    color: #22808a;
    padding: 2px 6px;
}


h1 {
  color: rgb(255,255,255);
    text-shadow: 0 0 4px #5cb5ff, 0 0 18px #5cb5ff;

}

div.ban h2 {
    background: rgba(3,117,240, 0.9);
    color: white;
    text-shadow: 0 0 4px #5cb5ff, 0 0 18px #5cb5ff;

    font-size: 12pt;}

div.module, div.ban {
    background: linear-gradient(180deg, rgba(73,162,255,.8) 0%, 
    rgba(114,227,255,.8) 100%);
    box-shadow: 0 0 4px #5cb5ff, 0 0 18px #5cb5ff;
}

header div.subtitle {
  color: rgb(26,26,26); 
  font-style: italic;}


.post-image {
    filter: saturate(110%) brightness(110%) contrast(105%);
    transition: filter 0.3s ease;
}

.post-emoji {
filter: saturate(105%) brightness(105%) contrast(105%);
    transition: filter 0.3s ease;
}

/*revert to on hover */
.post-image:hover {
    filter: none; 
}  
   
 p.unimportant {
 visibility: hidden;
 }




html {
  scrollbar-width: auto;
  scrollbar-color: rgba(255,141,186, 0.9) rgba(67,152,162, 0.85);
}
